<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>移动框架</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="css/weui.css">
	<link rel="stylesheet" href="css/jquery-weui.css">
	<link rel="stylesheet" href="css/style.css">
	<style>
		h2{ text-align: center; }
	</style>
</head>
<body>
    <h2>框架规范</h2>
    <div class="weui-cells">
	  <!-- <a class="weui-cell weui-cell_access" href="HTML页面结构.html">
	    <div class="weui-cell__bd">
	      <p>HTML页面结构</p>
	    </div>
	    <div class="weui-cell__ft">
	    </div>
	  </a> -->
	  <a class="weui-cell weui-cell_access" href="共用CSS样式.html">
	    <div class="weui-cell__bd">
	      <p>共用CSS样式</p>
	    </div>
	    <div class="weui-cell__ft">
	    </div>
		</a>
		<a class="weui-cell weui-cell_access" href="页面结构.html">
	    <div class="weui-cell__bd">
	      <p>页面结构</p>
	    </div>
	    <div class="weui-cell__ft">
	    </div>
	  </a>
	</div>

    <h2>基础组件</h2>
    <div class="weui-grids">
      <a href="按钮.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon_nav_button.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      按钮
	    </p>
	  </a>
	  <a href="底部浮动导航.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon26.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      底部浮动导航
	    </p>
	  </a>
      <a href="列表.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon1.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      列表
	    </p>
	  </a>
	  <a href="商品列表.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon15.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      商品列表
	    </p>
	  </a>
	  <a href="购物车列表.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon21.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      购物车列表
	    </p>
	  </a>
	  <a href="表单.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon2.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      表单
	    </p>
	  </a>
	  <a href="上传.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon3.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      上传
	    </p>
	  </a>
	  <a href="滑块.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon4.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      滑块
	    </p>
	  </a>
	  <a href="信息页.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon5.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      信息页
	    </p>
	  </a>
	  <a href="对话框.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon13.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      对话框
	    </p>
	  </a>
	  <a href="自定义对话框.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon13.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      自定义对话框
	    </p>
	  </a>
	  <a href="Toast.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon6.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      Toast
	    </p>
	  </a>
	  <a href="选项卡.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon7.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      选项卡
	    </p>
	  </a>
	  <a href="搜索.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon14.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      搜索栏
	    </p>
	  </a>
	  <a href="登陆.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon19.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      登陆页
	    </p>
	  </a>
	  <a href="物流.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon24.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      物流
	    </p>
	  </a>
	  <a href="新闻详情.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon25.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      公告新闻详情
	    </p>
	  </a>
	  <a href="分类选择.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon29.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      分类筛选
	    </p>
	  </a>
	  <a href="个人信息.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon30.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      个人信息
	    </p>
	  </a>
	  <a href="收货地址.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon30.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      收货地址
	    </p>
		</a>
		<a href="返回顶部.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon33.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	      Top
	    </p>
	  </a>
	</div>

	<h2>扩展组件</h2>
	<div class="weui-grids">
      <a href="幻灯片.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon8.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     幻灯片
	    </p>
	  </a>
	  <a href="日历.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon9.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     日期时间
	    </p>
	  </a>
	  <a href="Select.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon10.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     Select
	    </p>
	  </a>
	  <a href="地区.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon11.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     地区
	    </p>
	  </a>
	  <a href="Popup.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon12.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     Popup
	    </p>
	  </a>
	  <a href="滑动列表.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon16.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     滑动列表
	    </p>
	  </a>
	  <a href="左侧滑动.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon17.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     左侧导航
	    </p>
	  </a>
	  <a href="手风琴.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon18.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     手风琴
	    </p>
	  </a>
	  <a href="公告滚动.html" class="weui-grid js_grid">
	    <div class="weui-grid__icon">
	      <img src="images/icon20.png" alt="">
	    </div>
	    <p class="weui-grid__label">
	     公告滚动
	    </p>
		</a>
	</div>
   

	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-weui.min.js"></script>
</body>
</html>